<ui:composition template="../template/principal_II.xhtml"
                xmlns="http://www.w3.org/1999/xhtml"
                xmlns:h="http://java.sun.com/jsf/html"
                xmlns:f="http://java.sun.com/jsf/core"
                xmlns:ui="http://java.sun.com/jsf/facelets"
                xmlns:p="http://primefaces.org/ui" >


    <ui:define name="panelIzquierdo">
        <ui:include src="../inventario/menuGeneral.xhtml" />
    </ui:define>

    <ui:define name="panelDerecho">
        <p:panel header="#{msgs.cronologia}" 
                 style="min-height: 500px; ">
            <h:form id="frmCronologia" prependId="false">
                <p:growl id="mensaje" showDetail="true" />
                <h:panelGrid columns="2">
                    <h:outputText value="#{msgs.deposito}: " />
                    <h:selectOneMenu value="#{cronologiaBean.deposito}"  
                                     converter="#{inventarioStockBean.conversorDepositos}">
                        <f:selectItems var="de" itemValue="#{de}" itemLabel="#{de.descripcion}" value="#{stockDepositosBean.depositos}" />
                    </h:selectOneMenu>  
                    <h:outputText value="#{msgs.pcc_producto}: " />
                    <h:panelGroup>
                        <b><h:outputText id="txtProducto" value="#{cronologiaBean.producto.descripcion}- " /></b>
                        <p:spacer  width="10" ></p:spacer>
                        <p:commandButton image="find16" oncomplete="dlg_producto.show()" />
                    </h:panelGroup>
                    <h:outputText value="#{msgs.desde}: " />
                    <p:calendar value="#{cronologiaBean.desde}" showOn="button" pattern="dd/MM/yyyy" size="12" locale="es"
                                navigator="true"
                                required="true"
                                requiredMessage="#{msgs.fechaObligatoria}"
                                mindate="01/01/2011"   />
                    <h:outputText value="#{msgs.hasta}: " />
                    <p:calendar value="#{cronologiaBean.hasta}" showOn="button" pattern="dd/MM/yyyy" size="12" locale="es"
                                navigator="true"
                                required="true"
                                requiredMessage="#{msgs.fechaObligatoria}"
                                mindate="01/01/2011"   />
                    <p:commandButton update="tablaCronologia,mensaje" value="#{msgs.listarCronologia}" action="#{cronologiaBean.listarCronologia}" />
                </h:panelGrid>
                <br/>
                <p:dataTable id="tablaCronologia" value="#{cronologiaBean.listaCronologia}" var="cron"
                             emptyMessage="#{msgs.noEncontraronCronologias}" paginatorAlwaysVisible="false"
                             rows="10" paginator="true" height="300">
                    <p:column headerText="#{msgs.fecha}">
                        <h:outputText value="#{cron.fecha}" >
                            <f:convertDateTime pattern="dd/MM/yyyy" />
                        </h:outputText>
                    </p:column>
                    <p:column headerText="#{msgs.documento}">
                        <h:outputText value="#{cron.documento.documento.tipoDocumento.codigo}" />
                    </p:column>
                    <p:column headerText="#{msgs.ingreso}">
                        <h:outputText value="#{cron.ingreso}" />      
                    </p:column>
                    <p:column headerText="#{msgs.egreso}">
                        <h:outputText value="#{cron.egreso}" />      
                    </p:column>
                    <p:column headerText="#{msgs.pcc_cantidad}">
                        <h:outputText value="#{cron.saldo}" />      
                    </p:column>
                </p:dataTable>
      
            </h:form>
        </p:panel>
        <ui:include src="buscadorProducto.xhtml" />
    </ui:define>
</ui:composition>